<template>
  <card>
    <template slot="header">
      <h5 class="title">个人信息</h5>
    </template>
    <div class="row">
      <div class="col-md-5 pr-md-1 text-left">
        <base-input label="角色"
                    v-model="model.role"
                    disabled>
        </base-input>
      </div>
      <div class="col-md-3 px-md-1 text-left">
        <base-input label="用户名"
                    placeholder="用户名"
                    v-model="model.username">
        </base-input>
      </div>
      <div class="col-md-4 pl-md-1 text-left">
        <base-input label="电话号码"
                    placeholder="电话号码"
                    v-model="model.phone">
        </base-input>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6 pr-md-1 text-left">
        <base-input label="邮箱地址"
                    v-model="model.email"
                    placeholder="邮箱地址">
        </base-input>
      </div>
      <div class="col-md-6 pl-md-1 text-left">
        <base-input label="QQ"
                    v-model="model.qq"
                    placeholder="QQ">
        </base-input>
      </div>
    </div>

    <div class="row">
      <div class="col-md-4 pr-md-1 text-left">
        <base-input label="登录国家"
                    v-model="model.country"
                    disabled
        >
        </base-input>
      </div>
      <div class="col-md-4 px-md-1 text-left">
        <base-input label="登录省份"
                    v-model="model.province"
                    disabled
        >
        </base-input>
      </div>
      <div class="col-md-4 pl-md-1 text-left">
        <base-input label="登录城市"
                    disabled
                    v-model="model.city"
        >
        </base-input>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12 text-left">
        <base-input label="上次登录时间"
                    disabled
                    v-model="model.lastLoginTime">
        </base-input>
      </div>
    </div>


    <div class="row">
      <div class="col-md-8 text-left">
        <base-input>
          <label>简介</label>
          <textarea rows="4" cols="80"
                    class="form-control"
                    placeholder="这个人很懒，什么也没留下"
                    v-model="model.description">

              </textarea>
        </base-input>
      </div>
    </div>
    <template slot="footer">
      <base-button type="success" fill>保存</base-button>
    </template>
  </card>
</template>
<script>
import {
  Card,
  BaseInput
} from "@/components/index";

import BaseButton from '@/components/BaseButton';

export default {
  components: {
    Card,
    BaseInput,
    BaseButton
  },
  props: {
    model: {
      type: Object,
      default: () => {
        return {};
      }
    }
  }

}
</script>
<style>

</style>
